<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>汽车之家</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript">
        document.documentElement.style.fontSize = window.innerWidth/3.75 + 'px'
    </script>
</head>
<body>
<section class="bg3">
    <div class="hc_bg">
        <img src="images/car/tou.png" class="tx">
        <img src="images/car/car1.png" class="car_s">
        <p>
            <span>"买台车而已，别惊讶"</span>
            <span>一高兴就买车,NIKKI真任性</span>
        </p>
    </div>
    <div class="line_bg">
        <p>
                <span>
                    <em>迈凯伦P1</em>
                </span>
        </p>
        <div class="carimg" style="top: 0.9rem;">
            <img src="images/car/car1.png">
        </div>
    </div>
    <div class="carshi">
        <img src="images/car/shi1.png">
    </div>
    <div class="cartext">
        <img src="images/text.png">
    </div>
    <div class="down">
        <img src="images/down.png">
    </div>
</section>
</body>
<script src="js/jquery.js"></script>
<script type="text/javascript">
    function load (){
        var startY = '';     // 触摸开始时的纵坐标
        var moveY = '';     // 触摸移动中的纵坐标
        // var endY = '';     // 触摸结束的纵坐标

        document.addEventListener('touchstart',touch, { passive: false });
        document.addEventListener('touchmove',touch, { passive: false });
        document.addEventListener('touchend',touch, { passive: false });

        function touch (event) {
            var event = event || window.event;
            var oInp = document.getElementById("inp");
            switch(event.type){
                case "touchstart":
                    startY = event.touches[0].clientY;
                    break;
                // case "touchend":
                //  break;
                case "touchmove":
                    event.preventDefault();
                    moveY = event.touches[0].clientY;
                    if (startY - moveY > 20) {
                        window.location.href="three.html"
                    }
                    break;
            }
        }
    }
    window.addEventListener('load',load, false);
</script>
</html>